/* 
HTML / CSS autonumber headings?
http://stackoverflow.com/a/535390/819887

标题自动添加序号
https://plnkr.co/edit/iBNtm5g3tOzvG0CFQhKR?p=preview&preview
 */

  body{counter-reset: section}
   h2{counter-reset: sub-section}
   h3{counter-reset: composite}
   h4{counter-reset: detail}

   h2:before{
     counter-increment: section;
     content: counter(section) " ";
   }
   h3:before{
     counter-increment: sub-section;
     content: counter(section) "." counter(sub-section) " ";
   }
   h4:before{
     counter-increment: composite;
     content: counter(section) "." counter(sub-section) "." counter(composite) " ";
   }
   h5:before{
     counter-increment: detail;
     content: counter(section) "." counter(sub-section) "." counter(composite) "." counter(detail) " ";
   }

/*  标题字体加粗  */
.md-typeset h2 { 
    font-weight: bold; 
}
.md-typeset h3 { 
    font-weight: bold; 
}
.md-typeset h4 { 
    font-weight: bold; 
}
.md-typeset h5 { 
    font-weight: bold; 
}

/* 
 设置宽度 尽可能的宽
 */
/*  图片最大高度不超过 500px */
img { 
  max-height: 500px;
}

/*  设置宽度 尽可能的宽   */
.md-grid { 
    max-width: 100rem;
}

